<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>sort</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">

	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/sortSong.css">
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.8.3.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/base.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/sort.js"></script>
  </head>
  
  <body bgcolor="white">
 
     <c:if test="${empty user.user_id}">
 	 <jsp:include page="top.jsp"></jsp:include>
  </c:if>
  <c:if test="${!empty user.user_id}">
 	 <jsp:include page="topLogin.jsp"></jsp:include>
  </c:if>
  
<!--中间部分开始-->
	<div id="si_main">
	
	<div id="mp3Change">
	  <img src="../image/img/biaoshen.jpg" width="30%" height="80" style="float:left;"/>
	<div id="s_fo">
	   <span style="color:#CCCCCC;">爱音乐飙升榜是爱音乐网站根据用户搜索和播放数据，通过科学的数学模型计算获得的最具上升趋势的单曲排行榜。该榜每天根据前一天的用户数据自动统计生成</span>
	</div>
	<div id="s_ra">
	  <audio src="" controls="controls" volume="20" autoplay="autoplay"></audio>
	</div>
	</div>
			<div id="si_si">
			    <div id="si_sipic">
					<div id="lovemusic1" class="si_ti"><a href="javascript:findMvBySort(1)" style="color:green;"> <img src="../image/img/pang_n.jpg"/>爱音乐Top500</a></div>
					<div id="lovemusic2" class="si_ti"><a href="javascript:findMvBySort(2)" style="color:green;"> <img src="../image/img/pang_k.jpg"/>日韩风格排行榜</a></div>
					<div id="lovemusic3" class="si_ti"><a href="javascript:findMvBySort(3)" style="color:green;"><img src="../image/img/pang_huo.jpg"/>港台流行排行榜</a></div>
					<div id="lovemusic4" class="si_ti"><a href="javascript:findMvBySort(4)" style="color:green;"><img src="../image/img/pang_o.jpg"/>欧美流行排行榜</a></div>
					<div id="lovemusic5" class="si_ti"><a href="javascript:findMvBySort(5)" style="color:green;"> <img src="../image/img/pang_hua.jpg"/>内地网络排行榜</a></div>
			    </div>
			</div>
			<div id="m_special">		
			
				<table id="ttop" width="100%" height="30" border="0" cellpadding="0" cellspacing="0">
					<tr>
						<td width="33%"><span >榜单序列</span></td>
						<td width="33%"><span >歌曲</span></td>
						<td width="33%"><span >功能</span></td>
					</tr>
				 </table>
				<table id="my_tabcol" width="100%"  cellpadding="0" cellspacing="0" border="0">
			 	 <!-- <c:forEach items="${hotsong}"  var="song" varStatus="status">
			 		<tr height="40px;">
						<td width="33%" id="my_tabcol_td">${status.index+1}</td>
						<td width="33%"><span>${song.songName}</span><a href="action?key=playerModel&songid=${song.songid}"><img src="image/img/mv.jpg"/></a></td>
						<td width="33%">
							<a href="javascript:findMp3BySort('${song.mp3}')"><img src="image/img/erji2.jpg" title="播放"/></a>
							<a href="mp3/${song.mp3}"><img src="image/img/xiazai.jpg" title="下载"/></a>
							<a href="action?key=addCollectionModel&song_id=${song.songid }"><img src="image/img/collect.jpg" title="加入收藏"/></a>
						</td>
				   </tr>
			 	</c:forEach> -->
			 </table>
			     <div id="pageChange">
			     页数:<!-- <c:forEach begin="1" end="${page}" step="1" var="myindex">
   				<a href="javascript:findMvByPage(${myindex},1)">${myindex }</a>
 				</c:forEach> -->
			     </div>
			   	
			</div>
			
	</div>
	<!--中间部分结束-->
	<div style="clear:both;"></div>
    <jsp:include page="bottom.jsp"></jsp:include>
  </body>
</html>
